<!DOCTYPE html>
<html lang="en">
<head>
  <link href="/static/css/index.css" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Nunito:300,300i,400,400i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
  <link href="https://cdn.bootcdn.net/ajax/libs/aos/2.3.4/aos.css" rel="stylesheet">
  <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.3/css/bootstrap.min.css" rel="stylesheet">
  <link href="https://cdn.bootcdn.net/ajax/libs/bootstrap-icons/1.10.3/font/bootstrap-icons.min.css" rel="stylesheet">
  <link href="https://cdn.bootcdn.net/ajax/libs/glightbox/3.2.0/css/glightbox.min.css" rel="stylesheet">
  <link href="https://cdn.jsdelivr.net/npm/remixicon@2.2.0/fonts/remixicon.css" rel="stylesheet">
  <link href="https://cdn.bootcdn.net/ajax/libs/Swiper/8.4.5/swiper-bundle.min.css" rel="stylesheet">
  <style>
    a {
        text-decoration: none !important;
    }
  </style>
</head>
<body>
  <header id="header" class="header fixed-top">
    <div class="container-fluid container-xl d-flex align-items-center justify-content-between">
      <a href="index.html" class="logo d-flex align-items-center">
        <img src="/favicon.ico" alt="">
        <span>Deeptrain</span>
      </a>
      <nav id="navbar" class="navbar">
        <ul>
          <li><a class="nav-link" href="#top">Home</a></li>
          <li><a class="nav-link" href="#about">About</a></li>
          <li><a class="nav-link" href="#footer">Contact</a></li>
          <li class="dropdown"><a href="#"><span>Applications</span> <i class="bi bi-chevron-down"></i></a><ul><li><a href="/applications/Snake/">RL-Snake</a></li></ul></li>
          <li><a class="nav-link active" href="/login/">Sign in</a></li>
          <li><a class="activate" href="/register/">Sign up</a></li>
        </ul>
        <i class="bi bi-list mobile-nav-toggle"></i>
      </nav>
    </div>
  </header>
  <section id="top" class="top d-flex align-items-center">
    <div class="container">
      <div class="row">
        <div class="col-lg-6 d-flex flex-column justify-content-center">
          <h1 data-aos="fade-up">Deeptrain</h1>
          <h2 data-aos="fade-up" data-aos-delay="400">We are an Open Source Deep Reinforcement Learning training platform</h2>
          <div data-aos="fade-up" data-aos-delay="600"><div class="text-center text-lg-start"><a href="/register/" class="btn-get-started d-inline-flex align-items-center justify-content-center align-self-center"><span>Get Started</span><i class="bi bi-arrow-right"></i></a></div></div>
        </div>
        <div class="col-lg-6 background" data-aos="zoom-out" data-aos-delay="200"><img src="/static/images/index/land.png" class="img-fluid" alt=""></div>
      </div>
    </div>
  </section>
  <main id="main">
    <section id="about" class="about">
      <div class="container" data-aos="fade-up">
        <div class="row gx-0">
          <div class="col-lg-6 d-flex flex-column justify-content-center" data-aos="fade-up" data-aos-delay="200">
            <div class="content">
              <h3>Who We Are</h3>
              <h2>We are a group of people who love programming and the exploration of artificial intelligence.</h2>
              <p>Platform continuous training model, model data analysis, online display model and offline model file download.</p>
              <p>Let more people experience the charm and fun of deep reinforcement learning</p>
              <div class="text-center text-lg-start"><a href="https://github.com/zmh-program/Deeptrain/" class="btn-read-more d-inline-flex align-items-center justify-content-center align-self-center"><span>Read More</span><i class="bi bi-arrow-right"></i></a></div>
            </div>
          </div>
          <div class="col-lg-6 d-flex align-items-center" data-aos="zoom-out" data-aos-delay="200">
            <img src="/static/images/index/core.jpg" class="img-fluid image-core" alt="">
          </div>
        </div>
      </div>
    </section>
    <section id="values" class="values">
      <div class="container" data-aos="fade-up">
        <header class="section-header">
          <h2>Our Values</h2>
          <p>enjoy the fun of Artificial Intelligence</p>
        </header>
        <div class="row">
          <div class="col-lg-4" data-aos="fade-up" data-aos-delay="200">
            <div class="box">
              <img src="/static/images/index/values-train.png" class="img-fluid" alt="">
              <h3>Training 24h</h3>
              <p>More adaptable model parameters, intelligent analysis of model data, data visualization</p>
            </div>
          </div>
          <div class="col-lg-4 mt-4 mt-lg-0" data-aos="fade-up" data-aos-delay="400">
            <div class="box">
              <img src="/static/images/index/values-view.png" class="img-fluid" alt="">
              <h3>Online Viewing</h3>
              <p>More convenient, no need to use the traditional way, faster and cross-platform</p>
              <p>At the same time, provide offline model files, users can run the model themselves, better customization</p>
            </div>
          </div>
          <div class="col-lg-4 mt-4 mt-lg-0" data-aos="fade-up" data-aos-delay="600">
            <div class="box">
              <img src="/static/images/index/values-os.png" class="img-fluid" alt="">
              <h3>Open Source</h3>
              <p>More flexibility and freedom, greater open source community support, easier to contribute</p>
            </div>
          </div>
        </div>
      </div>
    </section>
    <section id="features" class="features">
      <div class="container" data-aos="fade-up">
        <header class="section-header">
          <h2>Features</h2>
          <p>Our Features</p>
        </header>
        <div class="row">
          <div class="col-lg-6">
            <img src="/static/images/index/features.png" class="img-fluid" alt="">
          </div>
          <div class="col-lg-6 mt-5 mt-lg-0 d-flex">
            <div class="row align-self-center gy-4">
              <div class="col-md-6" data-aos="zoom-out" data-aos-delay="200">
                <div class="feature-box d-flex align-items-center">
                  <i class="bi bi-check"></i>
                  <h3>Data Analysis</h3>
                </div>
              </div>

              <div class="col-md-6" data-aos="zoom-out" data-aos-delay="300">
                <div class="feature-box d-flex align-items-center">
                  <i class="bi bi-check"></i>
                  <h3>SST (Server Side Training)</h3>
                </div>
              </div>

              <div class="col-md-6" data-aos="zoom-out" data-aos-delay="400">
                <div class="feature-box d-flex align-items-center">
                  <i class="bi bi-check"></i>
                  <h3>Online Chat Room</h3>
                </div>
              </div>

              <div class="col-md-6" data-aos="zoom-out" data-aos-delay="500">
                <div class="feature-box d-flex align-items-center">
                  <i class="bi bi-check"></i>
                  <h3>File Transfer</h3>
                </div>
              </div>

              <div class="col-md-6" data-aos="zoom-out" data-aos-delay="600">
                <div class="feature-box d-flex align-items-center">
                  <i class="bi bi-check"></i>
                  <h3>Blog</h3>
                </div>
              </div>

              <div class="col-md-6" data-aos="zoom-out" data-aos-delay="700">
                <div class="feature-box d-flex align-items-center">
                  <i class="bi bi-check"></i>
                  <h3>OAuth</h3>
                </div>
              </div>

            </div>
          </div>

        </div>
        <div class="row feature-icons" data-aos="fade-up">
          <h3>Our Functions</h3>
          <div class="row function-row"><br>
            <div class="col-xl-8 d-flex content">
              <div class="row align-self-center gy-4">
                <div class="col-md-6 icon-box" data-aos="fade-up">
                  <i class="ri-bar-chart-box-line"></i>
                  <div>
                    <h4>Data Analysis</h4>
                    <p>Intelligent analysis of model capabilities and other parameters, and dynamic generation of data</p>
                  </div>
                </div>
                <div class="col-md-6 icon-box" data-aos="fade-up" data-aos-delay="100">
                  <i class="ri-command-line"></i>
                  <div>
                    <h4>Model file download</h4>
                    <p>Dynamically generate model files, dynamically request file addresses and provide downloads</p>
                  </div>
                </div>
                <div class="col-md-6 icon-box" data-aos="fade-up" data-aos-delay="200">
                  <i class="ri-radar-line"></i>
                  <div>
                    <h4>Faster speed</h4>
                    <p>Using WebSocket protocol to transfer data, frontend and backend separation, client side rendering, better algorithm, make online viewing faster</p>
                  </div>
                </div>
                <div class="col-md-6 icon-box" data-aos="fade-up" data-aos-delay="300">
                  <i class="ri-stack-line"></i>
                  <div>
                    <h4>Blog Function Extension</h4>
                    <p>Dynamic analysis model data, data visualization, embedded model file download function</p>
                  </div>
                </div>
                <div class="col-md-6 icon-box" data-aos="fade-up" data-aos-delay="400">
                  <i class="ri-global-line"></i>
                  <div>
                    <h4>Internationalization</h4>
                    <p>Internationalization, support for a variety of international common language</p>
                  </div>
                </div>
                <div class="col-md-6 icon-box" data-aos="fade-up" data-aos-delay="500">
                  <i class="ri-lock-line"></i>
                  <div>
                    <h4>Security Protocol</h4>
                    <p>SSL certificate, use ssl protocol to encrypt communication, <br>
                      including HTTPS (Hyper Text Transfer Protocol Security) and WSS (Web Socket Security)</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <section id="pricing" class="pricing">
      <div class="container" data-aos="fade-up">
        <header class="section-header">
          <h2>Pricing</h2>
          <p>Free Forever !</p>
        </header>
      </div>
    </section>
    <section id="recent-blog-posts" class="app">
      <div class="container" data-aos="fade-up">
        <header class="section-header">
          <h2>App</h2>
          <p>Applications</p>
        </header>
        <div class="row">
          <div class="col-lg-4 application">
            <div class="post-box">
              <div class="post-img"><img src="/static/images/applications/Snake/screenshot.png" class="img-fluid" alt=""></div>
              <span class="post-date">Oct 24, 2022</span>
              <h3 class="post-title">Z-RLSnake</h3>
              <a href="/application/snake/" class="read-more stretched-link mt-auto"><span>Learn More</span><i class="bi bi-arrow-right"></i></a>
            </div>
          </div>
        </div>
      </div>
    </section>
  </main>
  <footer id="footer" class="footer">
    <div class="footer-top">
      <div class="container">
        <div class="row gy-4">
          <div class="col-lg-5 col-md-12 footer-info">
            <a href="index.html" class="logo d-flex align-items-center"><img src="/favicon.ico" alt=""><span>Deeptrain</span></a>
            <p>We are an Open Source Deep Reinforcement Learning training platform.</p>
            <div class="social-links mt-3"><a href="https://github.com/zmh-program/Deeptrain/"><img src="https://cdn-icons-png.flaticon.com/128/2111/2111432.png" alt="Github"></a><a href="https://gitee.com/zmh-program/Deeptrain/"><img src="https://gitee.com//favicon.ico" alt="Gitee"></a></div>
          </div>
          <div class="col-lg-2 col-6 footer-links"></div>
          <div class="col-lg-2 col-6 footer-links"></div>
          <div class="col-lg-3 col-md-12 footer-contact text-center text-md-start"><h4>Contact Us</h4><p>China <br>Dongying, Shandong<br><br><strong>GitHub: </strong> <a href="https://github.com/zmh-program/">zmh-program</a><br></p></div>
        </div>
      </div>
    </div>
    <div class="container">
      <div class="copyright"><strong><span>Deeptrain</span></strong></div>
      <div class="credits">Refer to <a href="https://bootstrapmade.com/">Flex Start</a></div>
      <hr>
      <a class="icp" href="https://beian.miit.gov.cn/" target="_blank">
        <img src="/static/images/icp.png" alt="ICP"> 鲁ICP备2022034318号-1
      </a>
    </div>
  </footer>
  <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>

  <script src="https://cdn.jsdelivr.net/npm/@srexi/purecounterjs/dist/purecounter_vanilla.js"></script>
  <script src="https://cdn.bootcdn.net/ajax/libs/aos/2.3.4/aos.js"></script>
  <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.3/js/bootstrap.bundle.min.js"></script>
  <script src="https://cdn.bootcdn.net/ajax/libs/glightbox/3.2.0/js/glightbox.min.js"></script>
  <script src="https://cdn.bootcdn.net/ajax/libs/Swiper/8.4.5/swiper-bundle.min.js"></script>
  <script src="/static/js/index.js"></script>
</body>
</html>